﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600');
</style> 
<title>MEGA 2.0</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<link rel="stylesheet" type="text/css" href="../css/business-register.css" />
<link rel="stylesheet" type="text/css" href="../css/retina-images.css" />
<link rel="stylesheet" type="text/css" href="../css/dialogs.css" />
<link rel="stylesheet" type="text/css" href="../css/account.css" />
<link rel="stylesheet" type="text/css" href="../css/bottom-pages.css" />
<link rel="stylesheet" type="text/css" href="../css/icons.css" />
<link rel="stylesheet" type="text/css" href="../css/buttons.css" />
<script type="text/javascript" src="../js/jquery-1.8.1.js"></script>
<script type="text/javascript" src="../js/jquery.jscrollpane.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
<script type="text/javascript">
$(document).ready(function() {  
  function initTreePanelScroll()
  {
	  $('.fm-tree-panel').jScrollPane({enableKeyboardNavigation:false,showArrows:true, arrowSize:5,animateScroll: true});
  }
  function initTransferPanelScroll()
  {
	  $('.transfer-scrolling-table').jScrollPane({enableKeyboardNavigation:false,showArrows:true, arrowSize:5,animateScroll: true});
  }
  function initSharedGridScroll()
  {
	  $('.grid-scrolling-table').jScrollPane({enableKeyboardNavigation:false,showArrows:true, arrowSize:5,animateScroll: true});
  }
  function initSharedBlocksScroll()
  {
	  $('.shared-blocks-scrolling').jScrollPane({enableKeyboardNavigation:false,showArrows:true, arrowSize:5,animateScroll: true});
  }
  
  
  $.gridHeader = function()  
  {	
		$('.grid-table tbody tr:first-child td').each(function(i,e) {
		  var headerColumn = $('.grid-table-header th').get(i);
		  $(headerColumn).width($(e).width());
	    });
   }	
	
  initTreePanelScroll();
  initTransferPanelScroll();
  initSharedGridScroll();
  initSharedBlocksScroll();
  $.gridHeader();
  
  $(window).bind('resize', function () 
  {
	  initTreePanelScroll();
      initTransferPanelScroll();
      initSharedGridScroll();
	  initSharedBlocksScroll();
      $.gridHeader();
  });
  $('.nw-fm-tree-folder').bind('click', function() {
	  var fmTreeItem = $(this).parent('.nw-fm-tree-item');
	  if(fmTreeItem.attr('class').indexOf('selected') == -1) {
		  $('.nw-fm-tree-item.selected').removeClass('selected');
		  fmTreeItem.addClass('selected');
	  }
  });
  $('.contains-folders > .nw-fm-arrow-icon').bind('click', function() {
	  var fmTreeItem = $(this).parent('.nw-fm-tree-item');
	  if(fmTreeItem.attr('class').indexOf('expanded') == -1) {
		  fmTreeItem.addClass('expanded');
		  fmTreeItem.next('ul').addClass('opened');
		  initTreePanelScroll();
	  } else {
		  fmTreeItem.removeClass('expanded');
		  fmTreeItem.next('ul').removeClass('opened');
		  initTreePanelScroll();
	  }
  });
  $('.nw-fm-left-icon').bind('click', function() {
	  var currentPanelTitle = $(this).attr('class').split(' ')[1];
	  if($(this).attr('class').indexOf('active') == -1) {
		  $('.nw-fm-left-icon.active').removeClass('active');
		  $(this).addClass('active');
		  $('.content-panel.active').removeClass('active');
		  $('.content-panel.'+currentPanelTitle).addClass('active');
		  initTreePanelScroll();
		  $('.fm-left-menu').removeClass().addClass('fm-left-menu ' + currentPanelTitle);
	  }
  });
  $('.nw-contact-item').bind('click', function() {
	  if($(this).attr('class').indexOf('selected') == -1) {
		  $('.nw-contact-item.selected').removeClass('selected');
		  $(this).addClass('selected');
	  }
  });
  $('.nw-conversations-item').bind('click', function() {
	  if($(this).attr('class').indexOf('selected') == -1) {
		  $('.nw-conversations-item.selected').removeClass('selected');
		  $(this).addClass('selected');
	  }
  });
  var initial;
  $('.nw-fm-left-icon').bind('mouseover', function () {
	  var  tooltip = $(this).find('.nw-fm-left-tooltip');
	  clearTimeout( initial );
	  initial = window.setTimeout( 
      function() {
        $(tooltip).addClass('hovered');
      }, 1000);
  });
  $('.nw-fm-left-icon').bind('mouseout', function () {
	    $(this).find('.nw-fm-left-tooltip').removeClass('hovered');
		clearTimeout( initial );
  });
  
  $('.fm-files-view-icon').bind('click', function () {
	  if ($(this).attr('class').indexOf('active') == -1) {
		  if ($(this).attr('class').indexOf('block-view') > -1) {
			  $('.files-grid-view ').addClass('hidden');
			  $('.fm-blocks-view').removeClass('hidden'); 
              initSharedBlocksScroll();
		  } else {
			  $('.files-grid-view ').removeClass('hidden');
			  $('.fm-blocks-view').addClass('hidden');
			  initSharedGridScroll();
		  }
		  $('.fm-files-view-icon').removeClass('active');
		  $(this).addClass('active');
	  }
  }); 
});
</script>
</head>

<body id="bodyel" class="logged rk-saved fontsize2 en free font-user-management">

<div id="fmholder" class="fmholder">
		
	<!-- Dialog -->
 
<div class="fm-dialog achievements-list-dialog">
    <div class="fm-dialog-close"></div>
    <div class="fm-dialog-header">
        <div class="account top-header small">Achievement</div>
    </div>
    <div class="achievements-list-info">
        achievements list info  achievements list info  achievements list info  achievements list info
    </div>
    <!-- Add scroll  -->
    <div class="achievements-scroll">
        <div class="achievement-banner">
            <div class="first-block">
                <div class="title-txt txt-center">Unlocked bonus:</div>
            </div>
            <div class="second-block storage-quota">
                <div class="big-icon achievements-icon storage-quota"></div>
                <div class="fm-account-header"><span>Storage quota</span></div>
                <span class="quota-txt">30 GB</span>
            </div>
            <div class="second-block transfer-quota">
                <div class="big-icon achievements-icon storage-quota"></div>
                <div class="fm-account-header"><span>Transfer quota</span></div>
                <span class="quota-txt">30 GB</span>
            </div>
        </div>

        <div class="achievements-list">
        	<!-- please place the achieved card to the end -->
            <!-- Add class "achieved", "one-reward" !-->
            <div class="achievements-cell ach-install-megasync">
                <div class="image-container">
                    <i class="semi-huge-icon80 achievements-icon"></i>
                    <i class="semi-huge-icon80 green-tick"></i>
                </div>
                <div class="achievement-full info">
                    <div class="subtitle-txt">
                        [$16278]
                    </div>
                    <div class="content-txt">
                        Placeholder Placeholder Placeholder Placeholder Placeholder
                    </div>
                    <div class="achievement-dialog expires-txt">
                        <!-- do NOT translate this, it's on the JS side -->
                        (Expires in <span>2</span> months)
                    </div>
                    <div class="default-green-button">Install</div>
                </div>
                <div class="achievement-dialog bottom-block">
                    <div class="achievement-dialog reward storage">
                        <i class="medium-icon cloud-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            storage bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward bandwidth">
                        <i class="medium-icon speedometer-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            transfer bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward valid-period">
                        <i class="medium-icon clock-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            valid days 
                        </div>
                        <span>XX</span>
                    </div>
                </div>
            </div>
            <!-- Add class "achieved", "one-reward" !-->
            <div class="achievements-cell ach-install-mobile-app">
                <div class="image-container">
                    <i class="semi-huge-icon80 achievements-icon"></i>
                    <i class="semi-huge-icon80 green-tick"></i>
                </div>
                <div class="achievement-full info">
                    <div class="subtitle-txt">
                        [$16280]
                    </div>
                    <div class="content-txt">
                        Placeholder Placeholder Placeholder Placeholder Placeholder
                    </div>
                    <div class="achievement-dialog expires-txt">
                        <!-- do NOT translate this, it's on the JS side -->
                        (Expires in <span>2</span> months)
                    </div>
                    <div class="default-green-button">Install</div>
                </div>
                <div class="achievement-dialog bottom-block">
                    <div class="achievement-dialog reward storage">
                        <i class="medium-icon cloud-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            storage bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward bandwidth">
                        <i class="medium-icon speedometer-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            transfer bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward valid-period">
                        <i class="medium-icon clock-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            valid days 
                        </div>
                        <span>XX</span>
                    </div>
                </div>
            </div>
            <!-- Add class "achieved", "one-reward" !-->
            <div class="achievements-cell ach-invite-friend">
                <div class="image-container">
                    <i class="semi-huge-icon80 achievements-icon"></i>
                    <i class="semi-huge-icon80 green-tick"></i>
                </div>
                <div class="achievement-full info">
                    <div class="subtitle-txt">
                        [$16280]
                    </div>
                    <div class="content-txt-container">                       		
						<ul>
							<li><a class=" ">Invite a new user.</a></li>
							<div class="hori_border"></div>
							<li><a class=" ">New user install MEGAsync or mobile app and register.</a></li>
							<div class="hori_border"></div>
							<li><a class=" ">Get bonus for each sign up under the invited email address.</a></li>
						</ul>					
                    </div>
                    <div class="achievement-dialog expires-txt">
                        <!-- do NOT translate this, it's on the JS side -->
                        (Expires in <span>2</span> months)
                    </div>
                    <div class="default-green-button">Install</div>
                </div>
                <div class="achievement-dialog bottom-block">
                    <div class="achievement-dialog reward storage">
                        <i class="medium-icon cloud-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            storage bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward bandwidth">
                        <i class="medium-icon speedometer-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            transfer bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward valid-period">
                        <i class="medium-icon clock-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            valid days 
                        </div>
                        <span>XX</span>
                    </div>
                </div>
            </div>
            <!-- Add class "achieved", "one-reward" !-->
            <div class="achievements-cell ach-create-account achieved">
                <div class="image-container">
                    <i class="semi-huge-icon80 achievements-icon"></i>
                    <i class="semi-huge-icon80 green-tick"></i>
                </div>
                <div class="achievement-full info">
                    <div class="subtitle-txt">
                        Account registration
                    </div>
                    <div class="content-txt">
                        Placeholder Placeholder Placeholder Placeholder Placeholder
                    </div>
                    <div class="achievement-dialog expires-txt">
                        <!-- do NOT translate this, it's on the JS side -->
                        Expires in <span>2</span> months
                    </div>
                    <div class="default-green-button">Install</div>
                </div>
                <div class="achievement-dialog bottom-block">
                    <div class="achievement-dialog reward storage">
                        <i class="medium-icon cloud-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            storage bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward bandwidth">
                        <i class="medium-icon speedometer-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            transfer bonus 
                        </div>
                        <span>XX GB</span>
                    </div>
                    <div class="achievement-dialog reward valid-period">
                        <i class="medium-icon clock-white achievements-icon"></i>
                        <div class="achievement-dialog reward-txt">
                            valid days 
                        </div>
                        <span>XX</span>
                    </div>
                </div>
            </div>                        
        </div>
    </div>
</div>


	<!-- the blur class is main-blur-block-->

<div class=" " style="height: 100%">
    <div class="fm-account-overlay"></div>
    <!-- Please add "fm-notification" class and "full"/"almost-full" class !-->
    <div class="fm-main default">
        <div class="nw-fm-left-icons-panel">
            <a class="logo hidden"></a>
            <div class="nw-fm-left-icon dashboard">
                <div class="nw-fm-left-border"></div>
                <div class="dark-tooltip">[$16668]</div>
            </div>
            <div class="nw-fm-left-icon cloud-drive active">
                <div class="nw-fm-left-border"></div>
                <div class="dark-tooltip">[$1687]</div>
            </div>
            <div class="nw-fm-left-icon recents">
                <div class="nw-fm-left-border"></div>
                <div class="dark-tooltip">Recents</div>
            </div>
            <div class="nw-fm-left-icon inbox">
                <div class="nw-fm-left-border"></div>
                <div class="dark-tooltip">[$949]</div>
            </div>
            <div class="nw-fm-left-icon shared-with-me">
                <div class="nw-fm-left-border"></div>
                <div class="dark-tooltip">[$5589]</div>
            </div>
            <div class="nw-fm-left-icon contacts">
                <div class="nw-fm-left-border"></div>
                <div class="contacts-indicator hidden"></div>
                <div class="dark-tooltip">[$165]</div>
            </div>
            <div class="nw-fm-left-icon conversations">
                <div class="nw-fm-left-border"></div>
                <div class="new-messages-indicator hidden">
                    <span class="chat-pending-call hidden"></span>
                    <span class="chat-unread-count hidden"></span>
                </div>
                <div class="dark-tooltip">[$5902]</div>
                <div class="beta-text"></div>
            </div>
            <!-- Please add "filled" classname if user have deleted items !-->
            <div class="nw-fm-left-icon rubbish-bin">
                <div class="nw-fm-left-border"></div>
                <div class="dark-tooltip">[$168]</div>
            </div>
            <div class="nw-fm-left-icon account">
                <div class="nw-fm-left-border"></div>
                <div class="dark-tooltip">[$823]</div>
            </div>
            <div class="nw-fm-left-icon transfers">
                <div class="nw-fm-left-border file-transfer-icon"></div>
                <div class="dark-tooltip">[$104]</div>
                <div class="nw-fm-percentage download">
                    <ul>
                        <li class="nw-fm-chart0 right-c">
                            <p>
                                <span></span>
                            </p>
                        </li>
                        <li class="nw-fm-chart0 left-c">
                            <p>
                                <span></span>
                            </p>
                        </li>
                    </ul>
                    <div class="transfer-bar-overlay"></div>
                </div>

                <div class="nw-fm-percentage upload">
                    <ul>
                        <li class="nw-fm-chart0 right-c">
                            <p>
                                <span></span>
                            </p>
                        </li>
                        <li class="nw-fm-chart0 left-c">
                            <p>
                                <span></span>
                            </p>
                        </li>
                    </ul>
                    <div class="transfer-bar-overlay">
                        <div></div>
                    </div>
                </div>
                <div class="dropdown body popup dropdown-arrow transfer-widget left-arrow hidden">
                    <i class="dropdown-white-arrow"></i>
                    <div class="fm-dialog-close small"></div>

                    <div class="transfer-widget body">
                        <div class="transfer-widget transfer-block download hidden">
                            <i class="small-icon green-arrow"></i>
                            <span class="transfer-filetype-icon audio file"></span>
                            <span class="tranfer-filetype-txt"></span>
                            <!--file.name-->
                            <div class="transfer-widget progress">
                                <span></span>
                            </div>
                            <div class="transfer-widget info-block left">
                                <span class="current dark"></span>
                                <span class="of">[$5528]</span>
                                <span class="number dark"></span>
                            </div>
                            <div class="transfer-widget info-block right">
                                <span class="speed dark"></span>
                                <span class="speed-txt"></span>
                            </div>
                            <div class="clear"></div>
                        </div>

                        <div class="transfer-widget transfer-block upload hidden">
                            <i class="small-icon blue-arrow left"></i>
                            <span class="transfer-filetype-icon audio file"></span>
                            <span class="tranfer-filetype-txt"></span>
                            <!--file.name-->
                            <div class="transfer-widget progress">
                                <span></span>
                            </div>
                            <div class="transfer-widget info-block left">
                                <span class="current dark"></span>
                                <span class="of">[$5528]</span>
                                <span class="number dark"></span>
                            </div>
                            <div class="transfer-widget info-block right">
                                <span class="speed dark"></span>
                                <span class="speed-txt"></span>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="fm-left-panel hidden">
            <div class="left-pane-drag-handle"></div>

            <!-- Please add one of necessary classname: "folder-link"/"cloud-drive"/"shared-with-me"/"contacts"/"conversations"/"rubbish-bin" !-->
            <div class="fm-left-menu cloud-drive">
                <div class="nw-fm-tree-header dashboard">
                    <span>[$16668]</span>
                </div>
                <div class="transfers-header-bl">
                    <div class="button default-white-button small-height bold-txt install-app hidden">
                        Faster transfers?
                        <span class="red">Install our app</span>
                    </div>
                    <div class="button default-white-button small-height bold-txt grey enable-native-transfers hidden">
                        <i class="small-icon icons-sprite mega"></i>
                        App detected:
                        <span class="red">Enable native transfers</span>
                    </div>
                </div>
                <div class="nw-fm-tree-header folder-link">
                    <input type="text" value="[$808]" placeholder="[$808]" />
                    <div class="nw-fm-search-icon"></div>
                </div>
                <div class="nw-fm-tree-header cloud-drive">
                    <input type="text" value="" placeholder="[$164]" />
                    <div class="nw-fm-search-icon"></div>
                </div>
                <div class="nw-fm-tree-header inbox">
                    <input type="text" value="" placeholder="[$166]" />
                    <div class="nw-fm-search-icon"></div>
                </div>
                <div class="nw-fm-tree-header shared-with-me">
                    <input type="text" value="" placeholder="[$5589]" />
                    <div class="nw-fm-search-icon"></div>
                </div>
                <div class="nw-fm-tree-header contacts">
                    <input type="text" value="" placeholder="[$165]" />
                    <div class="nw-fm-search-icon"></div>
                    <div class="button fm-add-user">
                        <i class="small-icon white-medium-plus"></i>
                    </div>
                </div>
                <div class="nw-fm-tree-header rubbish-bin">
                    <span>[$168]</span>
                </div>
                <div class="nw-fm-tree-header account">
                    <span>[$823]</span>
                </div>
            </div>
            <div class="nw-tree-panel-header">
                <span>[$5916]</span>
                <div class="nw-tree-panel-arrows"></div>
            </div>
            <div class="nw-tree-panel-filter-tag hidden">
                <div class="filter-block fm tree">
                    <div class="filter-block info">[$17791]:</div>
                    <div class="filter-block content"></div>
                    <div class="filter-block close">
                        <i class="small-icon icons-sprite small-cross"></i>
                    </div>
                </div>
            </div>
            <div class="fm-tree-panel">

                <div class="content-panel cloud-drive active">
                </div>
                <div class="content-panel folder-link">
                </div>
                <div class="content-panel inbox">
                </div>
                <div class="content-panel shared-with-me">
                </div>
                <div class="content-panel contacts">
                </div>
                <div class="content-panel rubbish-bin">
                </div>
                <div class="content-panel dashboard">
                    <div class="account user-data-block">
                        <div class="fm-account-avatar">
                            <div class="avatar-wrapper small-rounded-avatar">
                                <img alt="" />
                            </div>
                        </div>
                        <div class="account usename-block">
                            <div class="membership-big-txt name"></div>
                        </div>
                        <div class="membership-big-txt email"></div>
                        <i class="small-icon membership"></i>
                        <div class="account membership-plan"></div>
                        <div class="default-green-button semi-big upgrade-account">
                            <span>[$5549]</span>
                        </div>
                    </div>
                    <div class="account left-pane divider"></div>
                    <div class="account left-pane info-block">
                        <div class="account left-pane header">[$18132]</div>
                        <div class="account left-pane small-txt reg-date-info"></div>
                        <div class="account left-pane big-txt reg-date-val"></div>
                        <div class="clear"></div>
                        <div class="account left-pane small-txt plan-date-info"></div>
                        <div class="account left-pane big-txt plan-date-val"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="account left-pane divider"></div>
                    <div class="account left-pane info-block">
                        <div class="account left-pane header bottom-pad">
                            [$8839]
                        </div>
                        <div class="account left-pane info-txt">
                            [$16129]
                        </div>
                        <div class="default-white-button backup-master-key">
                            <span>[$8928]</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="content-panel account">
                    <div class="fm-account-button account-s active">
                        <div class="head-title">[$403]</div>
                        <div class="sub-title-container">
                            <div class="sub-title">[$984]</div>
                            <div class="sub-title">[$7026]</div>
                            <div class="sub-title">[$17754]</div>
                            <div class="sub-title">[$16115]</div>
                        </div>
                    </div>
                    <div class="fm-account-button plan">
                        <div class="head-title">[$16166]</div>
                        <div class="sub-title-container">
                            <div class="sub-title">[$16166]</div>
                            <div class="sub-title">[$7108]</div>
                            <div class="sub-title">[$429]</div>
                            <div class="sub-title">[$430]</div>
                        </div>
                    </div>
                    <div class="fm-account-button notifications">
                        <div class="head-title">[$862]</div>                     
                    </div>
                    <div class="fm-account-button security">
                        <div class="head-title">[$7337]</div>
                        <div class="sub-title-container">
                            <div class="sub-title">[$706]</div>
                            <div class="sub-title">[$7743]</div>
                            <div class="sub-title">[$8839]</div>
                            <div class="sub-title">[$19194]</div>
                            <div class="sub-title">Metadata</div>
                            <div class="sub-title">[$429]</div>
                        </div>
                    </div>
                    <div class="fm-account-button file-management">
                        <div class="head-title">[$16159]</div>
                        <div class="sub-title-container">
                            <div class="sub-title">File versioning</div>
                            <div class="sub-title">Rubbish bin cleaning</div>
                            <div class="sub-title">[$16158]</div>
                            <div class="sub-title">Dialog options</div>
                        </div>
                    </div>
                    <div class="fm-account-button transfer"> 
                        <div class="head-title">[$1346]</div>
                        <div class="sub-title-container">
                            <div class="sub-title">Upload and download</div>
                            <div class="sub-title">[$1346]</div>
                            <div class="sub-title">[$17401]</div>
                            <div class="sub-title">Test network connect</div>
                        </div>                        
                    </div>
                    <div class="fm-account-button contact-chats">
                        <div class="head-title">Contacts & Chats</div>
                        <div class="sub-title-container">
                            <div class="sub-title hidden">Blacklist</div>
                            <div class="sub-title">Group invitation</div>
                            <div class="sub-title">Status settings</div>
                            <div class="sub-title">Clean chat history</div>
                            <div class="sub-title">Rich URL previews</div>
                        </div>  
                    </div>
                    <div class="fm-account-button reseller hidden">
                        <div class="head-title">[$391]</div>
                        <div class="sub-title-container">
                            <div class="sub-title">Create vouchers</div>
                            <div class="sub-title">Voucher history</div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>

        <div class="l-pane-control">
            <div class="default-white-button small-square-button rounded l-pane-visibility">
                <i class="small-icon fm-s double-l-arrows"></i>
            </div>
        </div>

        <div id="topmenu"></div>

        <div class="section conversations hidden">
        </div>

        <div class="fm-transfers-block">
            <div class="fm-transfers-header">
                <div class="transfer-panel-title">
                    <span class="upload"></span>
                    <span class="download"></span>
                </div>
                <div class="transfer-clear-completed button link-button right red disabled">
                    <i class="small-icon small-red-cross"></i>
                    <span>[$6992]</span>
                </div>
                <div class="transfer-clear-all-icon button link-button right disabled">
                    <i class="small-icon refresh-icon"></i>
                    <span>[$6991]</span>
                </div>
                <div class="transfer-pause-icon button link-button right disabled">
                    <i class="small-icon pause-icon"></i>
                    <span>[$6993]</span>
                </div>
                <div class="clear"></div>

            </div>
            <div class="transfer-table-wrapper">
                <div class="transfer-panel-empty-txt">
                    <div class="fm-empty-transfers-bg"></div>
                    <div class="fm-empty-cloud-txt">[$6089]</div>
                </div>
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="transfer-table-header">
                    <tr>
                        <th></th>
                        <th>[$86]</th>
                        <th>[$93]</th>
                        <th>[$87]</th>
                        <th>[$19134]</th>
                        <th>[$12441]</th>
                        <th>[$89]</th>
                        <th class="grid-url-header"></th>
                        <th></th>
                    </tr>
                </table>
                <div class="transfer-scrolling-table">
                    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" class="transfer-table">
                    </table>
                </div>
            </div>
        </div>

        <!-- check if there is any other place using account qr-block -->
        <div class="fm-right-account-block">
            <div class="fm-account-main">               
                <div class="settings-banner">
                    <div class="first-block">
                        <div class="title-txt txt-center">[$16118]:</div>
                    </div>

                    <div class="second-block">
                        <div class="dashboard-container">
                            <div class="fm-account-blocks storage">
                                <div class="account chart-block tiny-chart">
                                    <div class="chart-indicator"></div>
                                    <div class="chart icon">
                                        <i class="semi-big-icon cloud"></i>
                                    </div>
                                    <div class="account chart body">
                                        <div class="account chart overlay">
                                            <span></span>
                                            <span></span>
                                        </div>
                                        <div class="account chart progressbars">
                                          <div class="chart0 main-chart right-chart"><span></span></div>
                                          <div class="chart0 main-chart left-chart"><span></span></div>
                                        </div>
                                    </div>
                                    <div class="account chart data">
                                         <div class="fm-account-header"><span>[$16119]</span></div>
                                        <span class="perc-txt"></span>
                                        <span class="size-txt">2.93 GB</span>
                                        <span class="content-txt">/</span>
                                        <span class="pecents-txt">15</span>
                                        <span class="gb-txt">GB</span>
                                    </div>
                                </div>
                            </div>
                            <div class="fm-account-blocks bandwidth">
                                <div class="account chart-block tiny-chart">
                                    <div class="chart-indicator"></div>
                                    <div class="chart icon"><i class="semi-big-icon speedometer"></i></div>
                                    <div class="account chart body">
                                        <div class="account chart overlay"><span></span><span></span></div>
                                        <div class="account chart progressbars">
                                            <div class="chart0 main-chart right-chart"><span></span></div>
                                            <div class="chart0 main-chart left-chart"><span></span></div>
                                        </div>
                                    </div>
                                    <div class="account chart data">
                                         <div class="fm-account-header"><span>[$16120]</span></div>
                                        <span class="perc-txt"> </span>
                                        <span class="size-txt">2.93 GB</span>
                                        <span class="content-txt">/</span>
                                        <span class="pecents-txt">15</span>
                                        <span class="gb-txt">GB</span>
                                    </div>
                                </div>
                            </div> 
                        </div>
                    </div>

                    <div class="last-block">
                        <div class="default-green-button height-48 txt-center upgrade-to-pro">[$5549]</div>
                    </div>    
                </div>
                <div class="fm-account-profile fm-account-sections">
                    <div class="account data-block profile-form">
                        <div class="settings-left-block">
                            <div class="title-txt">Profile</div>
                            <div class="content-txt">Your user profile information will be accessible to anyone that you are collaborated with.</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section avatar border">
                                <div class="subtitle-txt">Avatar</div>
                                <div class="fm-account-avatar">
                                    <div class="avatar-wrapper semi-small-rounded-avatar">
                                        <img alt="" />
                                    </div>
                                </div>
                                <div class="default-white-button avatar">Modify</div>
                            </div>
                            <div class="settings-sub-section profile">
                                <div class="dialog-input-title-ontop">
                                    <div class="title">[$1096]</div>
                                    <input class="dialog-input" type="text" value="" name="account-firstname" id="account-firstname" maxlength="40" />
                                </div>
                                <div class="dialog-input-title-ontop">
                                    <div class="title">[$1097]</div>
                                    <input class="dialog-input" type="text" value="" name="account-lastname" id="account-lastname" maxlength="40" />
                                </div>
                                <div class="dialog-input-title-ontop birth error">
                                    <div class="title">[$995]</div>
                                    <input class="dialog-input short-input byear" type="text" pattern="\d*" maxlength="4" placeholder="YYYY" min="1900">
                                    <input class="dialog-input short-input bmonth" type="number" placeholder="MM" min="1" max="12">
                                    <input class="dialog-input short-input bdate" type="number" placeholder="DD" min="1" max="31"> 
                                    <div class="error-message">Error message</div>          
                                </div>
                                <div class="dialog-input-title-ontop underline-dropdown-input">
                                    <div class="title">[$481]</div>
                                    <div class="list-arrow"></div>
                                    <!-- <div class="fm-account-select-block"> -->
                                        <div class="dialog-input default-select country" id="account-country">
                                            <span>[$996]</span>
                                            <div class="default-select-dropdown hidden"><div class="default-select-scroll"></div></div>
                                        </div>
                                    <!-- <select id ="cnt-ddl" name="prf-country" placeholder="[$996]">
                                        <option value="New Zealand">New Zealand</option>
                                        <option value="Syria">Syria</option>
                                        <option value="Spain">Spain</option>
                                    </select> -->
                                </div>
                            </div>
                            <div class="settings-sub-section button-container hidden save-block">
                                <div class="default-green-button right fm-account-save">Save changes</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">Preference</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section preference">
                                <div class="dialog-input-title-ontop underline-dropdown-input">
                                    <div class="title">[$670]</div>
                                    <div class="list-arrow"></div>
                                    <select id =" " name=" " placeholder="[$670]">
                                        <option value="en">English</option>
                                        <option value="sp">Spanish</option>
                                        <option value="jp">Japanese</option>
                                    </select>
                                </div>
                            </div>
                            <div class="settings-sub-section button-container hidden save-block">
                                <div class="default-green-button right fm-account-save">Save changes</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div> -->
                    <div class="account data-block qr-settings">
                        <div class="settings-left-block">
                            <div class="title-txt">[$17754]</div>
                            <div class="account qr-block">
                                <div class="account qr-icon">
                                    <canvas width="106" height="106"></canvas>
                                </div>
                            </div>
                            <div class="content-txt">[$17836]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section enable-qr-container border">
                                <div class="subtitle-txt">[$19990]</div>
                                <div class="dialog-feature-toggle enable-qr toggle-on">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>
                            <div class="access-qr-container">
                                <!-- This part needs to be re-function -->
                                <div class="settings-sub-section border">
                                    <div class="subtitle-txt">[$17830]</div>
                                    <div class="content-txt">
                                        [$17831]
                                    </div>
                                    <div class="dialog-feature-toggle auto-qr toggle-on">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                </div>
                                <div class="settings-sub-section border">
                                    <div class="subtitle-txt">[$17832]</div>
                                    <div class="content-txt">[$17833]</div>
                                    <div class="default-white-button reset-qr-label">[$742]</div>
                                </div>
                                <div class="settings-sub-section copy-qr-link">
                                    <div class="subtitle-txt">QR Code link</div>
                                    <div class="qr-http-link content-txt">https://mega.nz/C!CM8WjYqY</div>
                                    <div class="default-white-button links-button copy-to-clipboard qr-dlg-cpy-lnk">
                                        <span>[$17835]</span>
                                    </div>
                                </div>  
                            </div>
                        </div>
                    </div> 
                    <div class="account data-block preference">
                        <div class="settings-left-block">
                            <div class="title-txt">Preference</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section border">
                                <div class="subtitle-txt">Date and Time Formatting Preference</div>
                                <div class="account radio-buttons bottom-pad">
                                    <div class="uidateformat radioOn" id="rad16_div">
                                        <input type="radio" id="rad16" class="uidateformat radioOn" value="1">
                                    </div>
                                    <div class="radio-txt">Format for my language and country (based on the language you use MEGA with and the country you have configured.)</div>
                                    <div class="clear"></div>
                                    <div class="uidateformat radioOff" id="rad17_div">
                                        <input type="radio" id="rad17" class="uidateformat radioOff" value="2">
                                    </div>
                                    <div class="radio-txt">ISO date and time format</div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">Font size</div>
                                <div class="account radio-buttons bottom-pad">
                                    <div class="uifontsize radioOn" id="fontsize1_div">
                                        <input type="radio" id="fontsize1" class="uifontsize radioOn" value="1">
                                    </div>
                                    <div class="radio-txt small">Small</div>
                                    <div class="uifontsize radioOff" id="fontsize2_div">
                                        <input type="radio" id="fontsize2" class="uifontsize radioOff" value="2">
                                    </div>
                                    <div class="radio-txt big">Big</div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$16115]</div>
                            <div class="content-txt">[$16116]
                            </div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="default-white-button cancel-account">[$16115]</div>
                            </div>  
                        </div>
                    </div> 
                </div>
                <div class="fm-account-plan fm-account-sections">
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$432]</div>
                        </div>
                        <div class="settings-right-block accounttype">
                            <div class="settings-sub-section border">
                                <div class="subtitle-txt">[$16166]</div>
                                <div class="account plan-info right-textalign accounttype bold right">
                                    <span></span>
                                </div>  
                            </div>
                            <div class="settings-sub-section border">
                                <div class="subtitle-txt short-title">[$798]</div>
                                <div class="account plan-info right-textalign storage right">
                                    <span> </span>
                                    <div class="account settings-bar light-blue">
                                        <div class="settings-sub-bar"></div>
                                    </div>
                                    <div class="quota-note-container storage">
                                        <div class="quota-note base-quota-note">
                                            <span>15 GB base quota</span>
                                        </div>
                                        <div class="quota-note achieve-quota-note">
                                            <span>0 GB achievements quota</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="settings-sub-section border hidden">
                                <div class="subtitle-txt short-title">[$16122]</div>
                                <div class="account plan-info right-textalign bandwidth right">
                                    <span>15 GB</span>
                                    <div class="account settings-bar light-green">
                                        <div class="settings-sub-bar"></div>
                                    </div>
                                    <div class="quota-note-container bandwidth">
                                        <div class="quota-note base-quota-note">
                                            <span>10 GB base quota</span>
                                        </div>
                                        <div class="quota-note achieve-quota-note">
                                            <span>5 GB achievements quota</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt account plan-info expiry-txt">[$7354]</div>
                                <div class="account plan-info right-textalign expiry right">
                                    <a href="/fm/account/history" class="clickurl">
                                        [$987] 
                                        <span class="red">September 1st 2013</span>
                                    </a>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="default-white-button right btn-achievements">[$16117]</div>
                                <div class="default-green-button right upgrade-to-pro">[$5549]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$449]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="account plan-info balance right">
                                    <span></span>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="default-white-button topup right">[$450]</div>
                                <div class="default-green-button redeem-voucher right">[$7160]</div>
                            </div> 
                        </div>
                    </div> 
                    <div class="account data-block table-block">  
                        <div class="settings-left-block">
                            <div class="title-txt">[$430]</div>
                            <div class="account-history-dropdown-button default-select purchases">Last 10 purchases</div>
                            <div class="account-history-dropdown hidden">
                                <div class="account-history-drop-items purchase10- active">Last 10 purchases</div>
                                <div class="account-history-drop-items purchase100-">Last 100 purchases</div>
                                <div class="account-history-drop-items purchase250-">Last 250 purchases</div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="settings-right-block">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="grid-table purchases"></table>
                        </div>
                    </div>
                    <div class="account data-block table-block">  
                        <div class="settings-left-block">
                            <div class="title-txt">[$431]</div>
                            <div class="account-history-dropdown-button default-select transactions">Last 10 transactions</div>
                            <div class="account-history-dropdown hidden">
                                <div class="account-history-drop-items transaction10- active">Last 10 transactions</div>
                                <div class="account-history-drop-items transaction100-">Last 100 transactions</div>
                                <div class="account-history-drop-items transaction250-">Last 250 transactions</div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="settings-right-block">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="grid-table transactions"></table>
                        </div>
                    </div>                      
                </div>
                <div class="account achievements-block hidden">
                    <div class="title-txt">[$16117]</div>
                    <div class="account data-block storage">
                        <div class="subtitle-txt">[$16337]</div>
                        <div class="account quota-txt low-pad storage">XX GB</div>
                        <div class="content-txt">
                            [$16338]
                        </div>
                        <div class="half-sized account progress-list storage achievem hidden">
                            <div class="account progress-item baseq">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">5 GB</div>
                                </div>
                                <div class="account progress-title">[$16400]</div>
                            </div>
                            <div class="account progress-item ach-create-account">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16401]
                                    <span class="red-txt">(72 days left)</span>
                                </div>
                            </div>
                            <div class="account progress-item ach-install-megasync">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16278]</div>
                            </div>
                        </div>
                        <div class="half-sized account progress-list storage achievem hidden">
                            <div class="account progress-item ach-verify-number">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">Verify your mobile number</div>
                            </div>
                            <div class="account progress-item ach-invite-friend">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16298]</div>
                            </div>
                            <div class="account progress-item ach-group-chat">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">Start a group chat</div>
                            </div>
                            <div class="account progress-item ach-share-folder">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">Share a folder</div>
                            </div>
                            <div class="account progress-item ach-install-mobile-app">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16280]</div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="account data-block transfer">
                        <div class="subtitle-txt">[$16339]</div>
                        <div class="account quota-txt low-pad transfer">XX GB</div>
                        <div class="content-txt">
                            [$16340]
                        </div>
                        <div class="half-sized account progress-list transfer achievem hidden">
                            <div class="account progress-item baseq">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">5 GB</div>
                                </div>
                                <div class="account progress-title">[$16400]</div>
                            </div>
                            <div class="account progress-item ach-create-account">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16401]
                                    <span class="red-txt">(72 days left)</span>
                                </div>
                            </div>
                            <div class="account progress-item ach-install-megasync">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16278]</div>
                            </div>
                        </div>
                        <div class="half-sized account progress-list transfer achievem hidden">
                            <div class="account progress-item ach-verify-number">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">Verify your mobile number</div>
                            </div>
                            <div class="account progress-item ach-invite-friend">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16298]</div>
                            </div>
                            <div class="account progress-item ach-group-chat">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">Start a group chat</div>
                            </div>
                            <div class="account progress-item ach-share-folder">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">Share a folder</div>
                            </div>
                            <div class="account progress-item ach-install-mobile-app">
                                <div class="account progress-data">
                                    <div class="account progress-indicator"></div>
                                    <div class="account progress-txt">&#8212; GB</div>
                                </div>
                                <div class="account progress-title">[$16280]</div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="account data-block achievements-data">
                        <div class="subtitle-txt">[$16117]</div>
                        <div class="card-container">
                            <div class="achievements-status-list first">
                                <div class="subtitle-txt">[$1352]</div>
                                <div class="achievements-table available-achievements">
                                    <div class="achievements-cell">
                                        <div class="achievement-left-side">
                                            <i class="huge-white-icon achievement ach-create-account"></i>
                                            <div class="achievement-full rewards">
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon cloud"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon speedometer"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="achievement-full info">
                                            <div class="achievement-full title">
                                                [$16401]
                                            </div>
                                            <div class="achievement-full description">
                                                [$16277]
                                            </div>
                                        </div>
                                        <div class="achievement-full status">
                                            <div class="button default-grey-button left">[$170]</div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                    <div class="achievements-cell">
                                        <div class="achievement-left-side">
                                            <i class="huge-white-icon achievement ach-install-megasync"></i>
                                            <div class="achievement-full rewards">
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon cloud"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon speedometer"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="achievement-full info">
                                            <div class="achievement-full title">
                                                [$16278]
                                            </div>
                                            <div class="achievement-full description">
                                                [$16279]
                                            </div>
                                        </div>
                                        <div class="achievement-full status">
                                            <div class="button default-grey-button left">[$58]</div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                    <div class="achievements-cell">
                                        <div class="achievement-left-side">
                                            <i class="huge-white-icon achievement ach-install-mobile-app"></i>
                                            <div class="achievement-full rewards">
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon cloud"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon speedometer"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="achievement-full info">
                                            <div class="achievement-full title">
                                                [$16280]
                                            </div>
                                            <div class="achievement-full description">
                                                [$16281]
                                            </div>
                                        </div>
                                        <div class="achievement-full status">
                                            <div class="button default-grey-button left">[$16295]</div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                    <div class="achievements-cell">
                                        <div class="achievement-left-side">
                                            <i class="huge-white-icon achievement ach-take-tour"></i>
                                            <div class="achievement-full rewards">
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon cloud"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon speedometer"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="achievement-full info">
                                            <div class="achievement-full title">
                                                Read our introduction
                                            </div>
                                            <div class="achievement-full description">
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                            </div>
                                        </div>
                                        <div class="achievement-full status">
                                            <div class="button default-grey-button left">Action</div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                    <div class="achievements-cell">
                                        <div class="achievement-left-side">
                                            <i class="huge-white-icon achievement ach-verify-number"></i>
                                            <div class="achievement-full rewards">
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon cloud"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon speedometer"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="achievement-full info">
                                            <div class="achievement-full title">
                                                Verify your phone number
                                            </div>
                                            <div class="achievement-full description">
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                            </div>
                                        </div>
                                        <div class="achievement-full status">
                                            <div class="button default-grey-button left">Action</div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                    <div class="achievements-cell">
                                        <div class="achievement-left-side">
                                            <i class="huge-white-icon achievement ach-invite-friend"></i>
                                            <div class="achievement-full rewards">
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon cloud"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon speedometer"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="achievement-full info">
                                            <div class="achievement-full title">
                                                [$16282]
                                            </div>
                                            <div class="achievement-full description">
                                                [$16283]
                                            </div>
                                        </div>
                                        <div class="achievement-full status">
                                            <div class="button default-grey-button left">[$8726]</div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                    <div class="achievements-cell">
                                        <div class="achievement-left-side">
                                            <i class="huge-white-icon achievement ach-group-chat"></i>
                                            <div class="achievement-full rewards">
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon cloud"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                                <div class="achievement-full reward">
                                                    <i class="medium-icon speedometer"></i>
                                                    <div class="achievement-full reward-txt">XX
                                                        <span>GB</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="achievement-full info">
                                            <div class="achievement-full title">
                                                Start a group chat
                                            </div>
                                            <div class="achievement-full description">
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                            </div>
                                        </div>
                                        <div class="achievement-full status">
                                            <div class="button default-grey-button left">Action</div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="achievements-status-list second">
                                <div class="subtitle-txt">[$1418]</div>
                                <div class="achievements-table completed-achievements">
                                </div>
                                <div class="clear"></div>
                            </div>  
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="fm-account-notifications fm-account-sections">
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$16143]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="switch-container cloud-drive">
                                <div class="subtitle-txt">[$1687]</div>
                                <div class="settings-sub-section border">
                                    <div class="content-txt">
                                    [$16145]
                                    </div>
                                    <div class="dialog-feature-toggle" id="shared-from-contact" name="newshare">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="settings-sub-section border">
                                    <div class="content-txt">
                                    [$16146]
                                    </div>
                                    <div class="dialog-feature-toggle" id="access-removed" name="delshare">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="settings-sub-section border">
                                    <div class="content-txt">
                                    [$16147]
                                    </div>
                                    <div class="dialog-feature-toggle" id="new-files" name="newfiles">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="switch-container chat">
                                <div class="subtitle-txt">[$7997]</div>
                                <div class="settings-sub-section border">
                                    <div class="content-txt">
                                        [$16144]
                                    </div>
                                    <div class="dialog-feature-toggle" id="enabled" name="enabled">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <!-- <div class="settings-sub-section border">
                                    <div class="content-txt">
                                    Video call notifications
                                    </div>
                                    <div class="dialog-feature-toggle" id=" ">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div> -->
                            </div>
                            <div class="switch-container contacts">
                                <div class="subtitle-txt">[$165]</div>
                                <div class="settings-sub-section border">
                                    <div for="contact-request" class="content-txt">
                                    [$16148]
                                    </div>
                                    <div class="dialog-feature-toggle" id="contact-request" name="fcrin">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="settings-sub-section border">
                                    <div for="accepted-request" class="content-txt">
                                    [$16149]
                                    </div>
                                    <div class="dialog-feature-toggle" id="accepted-request" name="fcracpt">
                                        <div class="dialog-feature-switch"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="settings-sub-section">
                                    <div for="delete-request" class="content-txt">
                                    [$16150]
                                    </div>
                                    <div class="dialog-feature-toggle" id="delete-request" name="fcrdel">
                                        <div class="dialog-feature-switch"></div>
                                    </div>                                    
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
                <div class="fm-account-security fm-account-sections">
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$706]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="dialog-input-title-ontop">
                                    <div class="title">[$717]</div>
                                    <input class="dialog-input" type="password" value="" name="account-new-password" id="account-new-password" />
                                    <div class="account-pass-lines">
                                         <div class="register-pass-status-line1"></div>
                                         <div class="register-pass-status-line2"></div>
                                         <div class="register-pass-status-line3"></div>
                                         <div class="register-pass-status-line4"></div>
                                         <div class="register-pass-status-line5"></div>
                                         <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="dialog-input-title-ontop">
                                     <div class="title">[$718]</div>
                                    <input class="dialog-input" type="password" value="" name="account-confirm-password" id="account-confirm-password" />
                                    <div class="error-message"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section button-container">
                                <div class="default-green-button disabled right change-password-button">[$706]</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$7743]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <!-- this part need to be re-functioned -->
                                <div class="dialog-input-title-ontop correctinput">
                                    <div class="title">[$7744]</div>
                                    <input class="dialog-input" type="text" value="" name="current-email" readonly id="current-email" maxlength="190" placeholder="[$7744]" />
                                </div>
                                <div class="dialog-input-title-ontop">
                                     <div class="title">[$7745]</div>
                                    <input class="dialog-input" type="text" value="" name="account-email" id="account-email" maxlength="190" />
                                    <div class="error-message"></div>
                                </div>
                            </div>
                            <div class="fm-account-change-email" style="">
                                [$19201] [$7747]
                            </div>
                            <div class="settings-sub-section button-container">
                                <div class="default-green-button disabled right change-email-button">[$19631]</div>
                                <div class="clear"></div>
                            </div> 
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">new name</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$8839]</div>
                                <div class="content-txt">[$16129]</div>
                                <div class="default-white-button backup-master-key">[$8928]</div>
                            </div>  
                        </div>
                    </div>
                    <div class="account data-block two-factor-authentication hidden">
                        <div class="settings-left-block">
                            <div class="title-txt">new name</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <!-- this toggle need to be re-functioned -->
                                <div class="subtitle-txt">[$19194]</div>
                                <div class="content-txt">[$19195]</div>
                                <div class="dialog-feature-toggle enable-disable-2fa-button">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>  
                        </div>
                    </div>
                    <div class="account data-block personal-data-container">
                        <div class="settings-left-block">
                            <div class="title-txt">Metadata</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section border">
                                <div class="subtitle-txt">[$16108]</div>
                                <div class="content-txt">[$16109]</div>
                                <div class="dialog-feature-toggle dbDropOnLogout">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$18493]</div>
                                <div class="content-txt">[$18495]</div>
                                <div class="default-white-button download-button">
                                    <span class="loading-txt">[$58]</span>
                                    <span class="loading-image">
                                        <img alt="" src="{staticpath}images/mega/ajax-loader-tiny.gif" />
                                    </span>
                                </div>
                                <div class="error-message hidden">[$18496]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block table-block">  
                        <div class="settings-left-block">
                            <div class="title-txt">[$429]</div>
                            <div class="account-history-dropdown-button default-select sessions"></div>
                            <div class="account-history-dropdown hidden">
                                <div class="account-history-drop-items session10- active">Last 10 Sessions</div>
                                <div class="account-history-drop-items session100-">Last 100 Sessions</div>
                                <div class="account-history-drop-items session250-">Last 250 Sessions</div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="settings-right-block" id="sessions-table-container"></div>
                        <div class="fm-close-all-sessions default-white-button right">[$7667]</div>
                    </div>                     
                </div>
                <div class="fm-account-file-management fm-account-sections">
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$19475]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section border">
                                <div class="subtitle-txt">Enable account file versioning</div>
                                <div class="content-txt">[$17597]</div>
                                <div class="dialog-feature-toggle" id="versioning-status">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$17598]</div>
                                <div class="green-notification body left">
                                    <div class="green-notification cell">
                                        <i class="icons-sprite fvnotice"></i>
                                    </div>
                                    <div class="green-notification cell">
                                        <div class="versioning-body-text"></div>
                                    </div>
                                </div>
                                <div class="content-txt">[$17600]</div>
                                <div class="default-white-button" id="delete-all-versions">[$1730]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">Rubbish-bin cleaning</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="account rubbish-inputs">
                                    <div class="subtitle-txt">[$16154]</div>
                                    <div class="account-counter-number">
                                        <input type="number" value="15" id="rad14_opt" class="rubsched_textopt">
                                    </div>
                                    <div class="subtitle-txt">[$17695]</div>
                                </div>
                                <div class="clear"></div>
                                <div class="account rubbish-inputs rubschedopt-none">
                                    <div class="subtitle-txt">[$16155]</div>
                                    <div class="account-counter-number">
                                        <input type="number" value="2" id="rad15_opt" class="rubsched_textopt"/>
                                    </div>
                                    <div class="subtitle-txt">[$17696]</div>
                                </div>
                                <div class="clear"></div>
                                <div class="content-txt rubbish-desc hidden"></div>
                            </div>
                            <div class="settings-sub-section no-padding">
                                <div class="green-notification body">
                                    <div class="green-notification cell">
                                        <i class="semi-big-icon xscheduler"></i>
                                    </div>
                                    <div class="green-notification cell">[$18678]</div>
                                    <div class="green-notification cell">
                                        <div class="button default-green-button upgrade-to-pro rubschedt">
                                            [$129]
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$16158]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section border">
                                <div class="subtitle-txt">[$1382]</div>
                                <div class="content-txt">[$1383]</div>
                                <div class="account radio-buttons bottom-pad">
                                    <div class="uisorting radioOn" id="rad8_div">
                                        <input type="radio" id="rad8" class="uisorting radioOn" value="1">
                                    </div>
                                    <div class="radio-txt">[$1384]</div>
                                    <div class="uisorting radioOff" id="rad9_div">
                                        <input type="radio" id="rad9" class="uisorting radioOff" value="2">
                                    </div>
                                    <div class="radio-txt">[$1385]</div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$1386]</div>
                                <div class="content-txt">[$1387]</div>
                                <div class="account radio-buttons bottom-pad">
                                    <div class="uiviewmode radioOn" id="rad10_div">
                                        <input type="radio" id="rad10" class="uiviewmode radioOn" value="1">
                                    </div>
                                    <div class="radio-txt">[$1384]</div>
                                    <div class="uiviewmode radioOff" id="rad11_div">
                                        <input type="radio" id="rad11" class="uiviewmode radioOff" value="2">
                                    </div>
                                    <div class="radio-txt">[$1385]</div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">Dialog options</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$19596]</div>
                                <div class="dialog-feature-toggle" id="ulddd">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fm-account-transfer fm-account-sections">
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">Upload and download</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section border bandwith-settings hidden">
                                <div class="subtitle-txt">[$16156]</div>
                                <div class="bandwith-settings">
                                    <!-- code for bandwith is borrowed, need to fix to right class/id -->
                                    <div id="bandwidth-slider" class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content"></div>
                                    <div class="slider numbers val1">0<span>%</span></div>
                                    <div class="slider numbers val2 last">100<span>%</span></div>
                                    <div class="clear"></div>
                                    <div class="slider-percentage-bl">
                                        <div class="slider-percentage">
                                            <span>50 %</span> transfer quota
                                        </div>
                                        <div class="content-txt">
                                            This is the maximum percentage of your transfer quota which is available to other users downloading your links.
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section border">
                                 <div class="subtitle-txt">[$570]</div>
                                 <div class="upload-settings">
                                    <div id="slider-range-max"></div>
                                    <div class="slider numbers val1">1</div>
                                    <div class="slider numbers val2">2</div>
                                    <div class="slider numbers val3">3</div>
                                    <div class="slider numbers val4">4</div>
                                    <div class="slider numbers val5">5</div>
                                    <div class="slider numbers val6">6</div>
                                    <div class="clear"></div>
                                </div>                           
                            </div>
                            <div class="settings-sub-section border">
                                <div class="subtitle-txt">[$571]</div>
                                <div class="download-settings">
                                    <div id="slider-range-max2"></div>
                                    <div class="slider numbers val1">1</div>
                                    <div class="slider numbers val2">2</div>
                                    <div class="slider numbers val3">3</div>
                                    <div class="slider numbers val4">4</div>
                                    <div class="slider numbers val5">5</div>
                                    <div class="slider numbers val6">6</div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                 <div class="subtitle-txt">[$572]</div>
                                 <div class="account radio-buttons bottom-pad">
                                    <div class="ulspeedradio radioOn" id="rad1_div">
                                        <input type="radio" id="rad1" class="ulspeedradio radioOn" value="1">
                                    </div>
                                    <div class="radio-txt">[$573]</div>
                                    <div class="ulspeedradio radioOff" id="rad2_div">
                                        <input type="radio" id="rad2" class="ulspeedradio radioOff" value="2" checked="checked">
                                    </div>
                                    <div class="radio-txt">[$574]</div>
                                    <div class="ulspeedradio radioOff" id="rad3_div">
                                        <input type="radio" id="rad3" class="ulspeedradio radioOff" value="3">
                                    </div>
                                    <div class="radio-txt">[$575]</div>
                                    <div class="account-counter-block">
                                        <div class="account-counter-number">
                                            <input type="text" value="100" id="ulspeedvalue">
                                        </div>
                                        <div class="radio-txt"> KB/s </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>                            
                            </div> 
                        </div> 
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">Transfer tools</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section border">
                                 <!-- This toggle needs to be re-function -->
                                <div class="subtitle-txt">MEGA desktop app</div>
                                <div class="content-txt">Enable to transfer with MEGA desktop app if it is running.</div>
                                <div class="dialog-feature-toggle" id="dlThroughMEGAsync">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <!-- This toggle needs to be re-function -->
                                <div class="subtitle-txt">[$16272]</div>
                                <div class="content-txt">Enable to [$16273]</div>
                                <div class="dialog-feature-toggle" id="transfers-tooltip">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>   
                        </div>
                    </div>
                    <div class="account data-block table-block">  
                        <div class="settings-left-block">
                            <div class="title-txt">[$17401]</div>
                        </div>
                        <div class="settings-right-block">
                            <table class="megadrop-template-table hidden">
                                <tbody>
                                    <tr class="megadrop-header" id="megadrop-header-template">
                                        <th>[$1049]</th>
                                        <th>[$1724]</th>
                                        <th></th>
                                    </tr>
                                    <tr class="megadrop-row" id="megadrop-row-template">
                                        <td>
                                            <div class="megafolder-name"></div>
                                        </td>
                                        <td>                                       
                                            <div class="fm-picker-breadcrumbs link-row"></div>
                                            <div class="widget-card expanded-widget">
                                                <div class="fm-dialog-tab">
                                                    <div class="fm-tab-wrapper">
                                                        <div class="fm-tab tab-url-link active">
                                                            <div class="tab-icon url"></div>
                                                            <span>[$5622]</span>
                                                        </div>
                                                        <div class="fm-tab tab-embed-link ">
                                                            <div class="tab-icon embed"></div>
                                                            <span>[$17407]</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="widget-body-wrapper embed-link hidden">
                                                    <div class="fm-body-text">
                                                        <span>[$17411]</span>
                                                    </div>
                                                    <div class="widget-code embed-code">
                                                        <pre class="widget-code-wrapper"></pre>
                                                    </div>
                                                    <div class="widget-dialog-buttons">
                                                        <div class="button default-white-button preview-widget right">
                                                           <span>[$17409]</span>
                                                        </div>
                                                        <div class="button default-green-button copy-code">
                                                            <span>[$17408]</span>
                                                        </div>
                                                        <div class="clear"></div>
                                                    </div>
                                                </div>
                                                <div class="widget-body-wrapper url-link">
                                                    <div class="fm-body-text">
                                                        <span>[$17410]</span>
                                                    </div>
                                                    <div class="widget-code url-link">
                                                        <span class="widget-code-wrapper widget-url">%url</span>
                                                    </div>
                                                    <div class="widget-dialog-buttons">
                                                        <div class="button default-white-button preview-widget right">
                                                            <span>[$17409]</span>
                                                        </div>
                                                        <div class="button default-green-button copy-url">
                                                            <span>[$1394]</span>
                                                        </div>
                                                        <div class="clear"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="close-icon icon">
                                                <div class="tooltips">Unfold</div>
                                            </div>
                                            <div class="delete-img icon delete-megadrop">
                                                <div class="tooltips">[$1730]</div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="grid-table megadrop">
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="fm-account-contact-chats fm-account-sections">
                    <div class="account data-block table-block hidden">
                        <div class="settings-left-block">
                            <!-- new feature -->
                             <div class="title-txt">Blacklist</div>
                             <div class="dialog-feature-toggle enable-disable-2fa-button">
                                <div class="dialog-feature-switch"></div>
                            </div>
                        </div>
                        <div class="settings-right-block">
                            <div class="list-2col">
                                <div class="list-2col-heading">
                                    <div class="default-button-no-border">
                                        <div class="add-more-img icon"></div>
                                        Add More
                                    </div>
                                </div>
                                <div class="list-2col-row">
                                    <div class="list-email">berniece_gerhold@yahoo.com</div>
                                    <div class="delete-img icon"></div>
                                    <div class="quick-edit-icon icon"></div>
                                </div>
                                <div class="list-2col-row">
                                    <div class="list-email">berniece_gerhold@yahoo.com</div>
                                    <div class="delete-img icon"></div>
                                    <div class="quick-edit-icon icon"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block hidden">
                        <div class="settings-left-block">
                            <div class="title-txt">Group invitation</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">Accept group invitation</div>
                                <div class="dialog-feature-toggle">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">Status settings</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section border">
                                <div class="settings-sub-section">
                                     <div class="subtitle-txt">[$16258]</div>
                                     <div class="account radio-buttons bottom-pad">
                                        <div class="chatstatus radioOn">
                                            <input type="radio" class="chatstatus radioOn" value="3">
                                        </div>
                                        <div class="radio-txt">Online</div>
                                        <div class="chatstatus radioOff">
                                            <input type="radio" class="chatstatus radioOff" value="2">
                                        </div>
                                        <div class="radio-txt">[$5924]</div>
                                        <div class="chatstatus radioOff">
                                            <input type="radio" class="chatstatus radioOff" value="4">
                                        </div>
                                        <div class="radio-txt">[$5925]</div>
                                        <div class="chatstatus radioOff">
                                            <input type="radio" class="chatstatus radioOff" value="1">
                                        </div>
                                        <div class="radio-txt">[$5926]</div>
                                        <div class="clear"></div>
                                    </div>                            
                                </div> 
                            </div>
                            <div class="settings-sub-section border auto-away">
                                <!-- the toggle need to be re-function -->
                                <div class="subtitle-txt">[$16259]</div>
                                <div class="dialog-feature-toggle" id="auto-away-switch">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                                <div class="content-container auto-away">
                                    <span class="content-txt">Set status to Away after</span>
                                    <span class="account-counter-number short">
                                        <input type="text" value="100" id="autoaway">
                                    </span>
                                   <span class="content-txt"> minutes of inactivity. </span>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <!-- the toggle need to be re-function -->
                                <div class="subtitle-txt">Status lasting</div>
                                <div class="dialog-feature-toggle" id="persist-presence-switch">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                                <div class="content-txt">[$16387]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block hidden">
                        <div class="settings-left-block">
                            <div class="title-txt">Clean chat history</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="default-white-button right">Clear up</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block">
                        <!-- new feature -->
                        <div class="settings-left-block">
                            <div class="title-txt">[$18696]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$18679]</div>
                                <div class="dialog-feature-toggle" id="richpreviews">
                                    <div class="dialog-feature-switch"></div>
                                </div>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="fm-account-reseller fm-account-sections hidden">
                    <div class="account data-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$6874]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="resellers-voucher-bl">
                                    <div class="fm-account-input voucheramount">
                                        <input type="text" value="1" name="account-voucheramount" id="account-voucheramount">
                                    </div>
                                    <div class="default-select vouchertype" id="vouchertype">
                                        <span>[$6875]</span>
                                        <div class="default-select-dropdown hidden">
                                            <div class="default-select-scroll"></div>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="clear"></div>
                                <div class="default-green-button right vouchercreate">
                                    <span>[$6876]</span>
                                </div>
                                <a class="content-txt resellerbuy right" href="mailto:resellers@mega.nz">[$7715]</a>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block table-block">  
                        <div class="settings-left-block">
                            <div class="title-txt">[$459]</div>
                            <div>
                                <div class="account-history-dropdown-button default-select vouchers"></div>
                                <div class="account-history-dropdown hidden">
                                    <div class="account-history-drop-items voucher10- active">Last 10 Vouchers</div>
                                    <div class="account-history-drop-items voucher100-">Last 100 Vouchers</div>
                                    <div class="account-history-drop-items voucher250-">Last 250 Vouchers</div>
                                    <div class="account-history-drop-items voucherAll-">Vouchers list</div>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="settings-right-block">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="grid-table vouchers"></table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


</div><!-- END fmholder-->

</body>
</html>







